<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body class="">
	
	<header class="mui-bar mui-bar-nav public-green-bgcolor header-no-shadow header-txt-color">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">账户安全</h1>
	</header>
	
	<div class="mui-content">
		<!---->
	    <div class="setting-div">
	    	<ul class="mui-table-view">
    	        <li class="mui-table-view-cell">
    	            <span class="small-txt">BB号</span>
    	            <span class="small-txt mui-pull-right">AFFF123456789FGAF254211</span>
    	        </li>
    	   </ul>
    	   
	    	<ul class="mui-table-view">
    	        <li class="mui-table-view-cell">
    	            <span class="small-txt">BB闲聊密码</span>
    	        </li>
    	        <li class="mui-table-view-cell">
	                <span class="small-txt">手机号</span>
	                <span class="small-txt mui-pull-right" id="telep">1517****520</span>
    	        </li>
    	   </ul>
	    </div>
	</div>


<script src="../lib/js/mui.min.js"></script>
<script src='../lib/js/my_plugin.js'></script>
<script>
	castapp.init();
	
	var userInfo = localStorage.getItem('userInfo');
	userInfo = userInfo? JSON.parse(userInfo): {}; 
	var telephone = userInfo.telephone;// 电话
	
	var liElems = document.querySelectorAll('.mui-table-view-cell');
	var telepEle = document.querySelector('#telep');
	
	telepEle.innerHTML = telephone;
	
	//点击密码修改
	liElems[1].addEventListener('tap', function(e){
		e.preventDefault();
		castapp.newInterface({
			url: './modify_password.html',
			id: 'modify_password'
		});
	});
	
	//点击手机号
	liElems[2].addEventListener('tap', function(e){
		e.preventDefault();
		castapp.newInterface({
			url: './bind_phone.html',
			id: 'bind_phone'
		});
	});
	
</script>

</body>
</html>